﻿@using System.Data.Linq

@*@model IList<XT.Model.Room>*@
@model Tuple<IEnumerable<XT.Model.Room>, IEnumerable<XT.Model.Room>>
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Global/Layout.cshtml";
}
<link href="/Content/Stylesheets/Home/Index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/Scripts/Home/Index.js"></script>
<script type="text/javascript" src="/Scripts/Home/Search.js"></script>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div id="searchadvanmargin">
    <div id="truot"></div>
    <div id="searchadvan">

        <div class="title-searchadvan">
            <h2>Advance Search</h2>
            <div class="form-horizontal search-advan-form" role="form">
                <div class="form-group">
                    <label for="selectcity" class="col-sm-2 control-label">Select City </label>
                    <div class="col-sm-10">
                        <select class="form-control" id="selectcity">
                            <option>Choose City</option>
                            <option>Ho Chi Minh</option>
                            <option>Ha Noi</option>
                            <option>Bmt</option>

                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="selectdistrict" class="col-sm-2 control-label">Select District </label>
                    <div class="col-sm-10">
                        <select class="form-control" id="selectdistrict">
                            <option>Choose District</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="Chooseroomtype" class="col-sm-2 control-label">Choose Size</label>
                    <div class="col-sm-10">
                        <select class="form-control" id="Select1">
                            <option>Choose Room Type</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="Choosesize" class="col-sm-2 control-label">Choose Size</label>
                    <div class="col-sm-10">
                        <select class="form-control" id="Choosesize">
                            <option>Choose Size</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="Chooseprice" class="col-sm-2 control-label">Choose Price</label>
                    <div class="col-sm-10">
                        <select class="form-control" id="Chooseprice">
                            <option>Choose Price</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-primary">Search</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="homebg">


    <div id="pics">
        <div class="photoslide">
            <img src="/Images/image5.jpg" alt="Picture 1" class="image-slide" height="500" />
        </div>
        <div class="photoslide">
            <img src="/Images/image6.jpg" alt="Picture 2" class="image-slide" height="500" />
        </div>
        <div class="photoslide">
            <img src="/Images/image5.jpg" alt="Picture 3" class="image-slide" height="500" />
        </div>
        <div class="photoslide">
            <img src="/Images/image6.jpg" alt="Picture 4" class="image-slide" height="500" />
        </div>
    </div>

</div>

<div class="search-area">
    <div class="search-page-container">
        <div class="row">
            <div class="col-sm-11">
                <div id="blob-bg"></div>
                <h1 class="text-special">Bạn muốn tìm nhà trọ ư?
                </h1>
                <h2 class="text-special2">Hãy nhập địa chỉ nơi bạn muốn đến. Chúng tôi có hàng trăm nhà trọ tại các thành phố lớn ở Việt Nam.
                </h2>
                <form method="post" id="formSearch2" enctype="multipart/form-data" action="/Home/Search">
                    <div id="search_form">
                        <div class="form-inline">
                            <div class="form-group">

                                <label class="sr-only" for="where">Where</label>
                                <input type="text" class="form-control" id="where" placeholder="Bạn muốn tìm nhà trọ nào?" style="width: 600px" name="where" />

                            </div>
                            <button type="submit" class="btn btnsearchhome" id="btnSearch2"><span class="glyphicon glyphicon-search"></span></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="homecontent">
    <div class="container">
        <div class="row">
            <a href=@Url.Action("Hot", "Home")>
                <h2>Nổi bật nhất</h2>
            </a>
            @foreach (XT.Model.Room room in Model.Item2)
            {
                @Html.Partial("../Global/RoomContainer", room)
                       
            }
        </div>
        <div style="text-align: right;">
            @Html.ActionLink("Xem tất cả phòng trọ nổi bật nhất", "Hot")
        </div>
        <div class="row">
            <a href=@Url.Action("New", "Home")>
                <h2>Mới nhất</h2>
            </a>
            @foreach (XT.Model.Room room in Model.Item1)
            {
                
                @Html.Partial("../Global/RoomContainer", room)
                       
            }
        </div>
        <div style="text-align: right;">
            @Html.ActionLink("Xem tất cả phòng trọ mới nhất", "New")
        </div>
    </div>


    <hr />


</div>


<!-- /container -->


<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->


